<html>
<head>
<link rel="stylesheet" type="text/css" href="css/dasBrowser.css" />
<link rel="stylesheet" type="text/css" href="css/facebox.css" />


<!--CSS file (default YUI Sam Skin) -->
<link rel="stylesheet" type="text/css" href="extJs/build/reset/reset-min.css">
<link rel="stylesheet" type="text/css" href="extJs/build/fonts/fonts-min.css">
<link rel="stylesheet" type="text/css" href="extJs/build/base/base-min.css">
<link rel="stylesheet" type="text/css" href="extJs/build/button/assets/button.css" />
<link rel="stylesheet" type="text/css" href="extJs/build/datatable/assets/skins/sam/datatable.css">
<link rel="stylesheet" type="text/css" href="extJs/build/container/assets/skins/sam/container.css"> 
<link rel="stylesheet" type="text/css" href="css/dasBrowser.css">
<link rel="stylesheet" type="text/css" href="extJs/build/fonts/fonts-min.css" />


</head>
<body>
 <div style="padding:25px">
  <div style="float:left;padding:20px;height:2000px">
  <table border="0px">
    <tr><td style="border:0px;width:50px"><a href="index.html" ><img src="myKaryoView-small.png"></img></a></td></tr>
    <tr><td style="border:0px;text-align:center"><h1>myKaryoView </h1><h3>Personalized Genome Search</h3></td></tr>
      
  </table>     
 </div>
    <ul id="navmenu">
      <li><a href="about.html">About</a> | </li>
      <li><a href="FAQ.html">FAQ</a> | </li>
	  <li><a href="add_data.html">Adding data</a> | </li>
      <li><a href="https://code.google.com/p/karyodas/">Project Host</a> | </li>
      <li><a href="credits.html">Credits</a> | </li>
      <li><a href="disclaimer.html">Disclaimer</a></li>
    </ul>
    <div style="padding: 10px;">     
      <h1>
        What Is myKaryoView?
      </h1>
      <p>myKaryoView is a light-weight client for genomic DAS sources, configured for 
      direct-to-consumer genetic data. It is entirely written in javascript, allowing 
      its operation in virtually every browser. Currently it is configured to display
      data in <b>hg18/NCBI36</b> genome assembly, but we hope to provide the facility of
      being able to display in other assemblies too.</p>
    </div>
    <div style="padding: 10px;">     
      <h1>
        What Is DAS?
      </h1>
      <p>DAS is a protocol for exchange of annotations. As its own name indicates (Distributed
      Annotation System), DAS is decentralized and distributed across the Internet. It allows
      exchange of many disparate data sources under one single standard XML schema model. A 
      DAS registry is maintained containing published data sources and information related aboout
      them. For more information about DAS, please go to its <a href="http://www.biodas.org/wiki/Main_Page">
      information portal</a>.</p>
    </div>
    <div style="padding: 10px;">     
      <h1>
        How Does myKaryoView Work?
      </h1>
      <p>myKaryoView initially collects a series of DAS sources that have been carefully selected
      for their relevance to personal genomics analyses. A search box is provided that allows
      retrieval and navigation of specific regions or features anywhere in the human genome.
      A facility is provided to add user-defined DAS sources, that can be taken via the <a 
      href="http://www.dasregistry.org/">DAS registry</a> or created using 
      <a href="http://www.ebi.ac.uk/panda-srv/easydas/">easyDAS</a>.</p>
    </div>
    <div style="padding: 20px;">     
      <h1>
        How to Search myKaryoView?
      </h1>
      <p>Start typing either a SNP id or a gene name and a drop-down box appears with suggestions.
      Select the one you want from the suggested list. Clicking on any of the linked words (SNP,
      gene, band, location) provides an example of the format required for searching myKaryoView.</p>
      <img alt="Search myKaryoView" src="img/FAQ/searchBy.png">
    </div>
    <div style="padding: 20px;">     
      <h1>
        How to Add Data Sources to myKaryoView?
      </h1>
      <p>There are two ways in which to add tracks to myKaryoView.</p>
      <p>The first is "add known source". This refers to data sources that are already known to 
      myKaryoView. Select any of the checkboxes and click 'add source'.</p>
      <p>The second manner is to add "user-defined sources". These are data sources not
      known to myKaryoView and require you to provide the url where they are located, a name
      and a description. An example of a real 23andMe data source genome is hard coded for
      illustration purposes.</p>
      <!--  <img alt="User-Defined Source" src="img/FAQ/userDefSource.png"> -->
    </div>
    <div style="padding: 20px;">     
      <h1>
        How do I Create My Own 23andMe Data Source?
      </h1>
      <p>In order to visualize your own data you need to download your data from 23andMe.</p>
      <h3>To download your raw data:</h3>      
       <ol>
         <li>Log in to your 23andMe.com account.</li>
         <li>Choose "Browse Raw Data" from the Account dropdown in the upper right part of the 23andMe page.</li>
         <li>Click the "download raw data" link in the upper right of the Browse Raw Data page.</li>
         <li>Follow the instructions on this page, and be sure "All DNA" is selected in the "Data set" dropdown.</li>
         <li>Click the Download Data button to initiate the download.</li>
         <li>The file is ~14MB and may take a while to download, depending on your connection speed.</li>
         <li>The file will download as a ZIP-formatted file -- double-click it to unzip it.</li>
         <li>Note the location of the unzipped text (.txt) file - this is the file you need for SNPTips - move it to a desired permanent location before using it with SNPTips, since you will have to point SNPTips to its location.</li>
       </ol> 
       
       <h3>To create the DAS source in easyDAS:</h3> 
      <ol>
      <li>Go to <a href="http://www.ebi.ac.uk/panda-srv/easydas/">easyDAS</a> and create an
      account if you don't have it. This will allow you to create your private source.</li>
      <li>Click "Create new source". Browse your file, add and let it automatically detect the
      format. Then click "upload". If you are using your full 23andMe file it can take several
      minutes to upload, depending on your Internet connection. Please be patient.</li>
      
      </ol>
    </div>
    <div style="padding: 20px;">     
      <h1>
        What Navigation Capabilities Does myKaryoView have?
      </h1>
      <p>Once the "Submit Query" button is clicked, the interface appears with the selected Chromosome 
      and Zoom "views".  The views shown relate to the typed coordinates. Different color shades 
      denote the density of features displayed for a particular location.</p>
      <p>In Chromosome view, clicking on any band of the chromosome graph updates the "Zoom" 
      view to the boundaries of the selected band.</p>
      <p>One can control how much you want to zoom in by moving the sliders in the Chromosome view 
      to select the specific region you want to zoom in to and click on the 'Zoom' button next to the 
      slider.</p>
      <p>Clicking on the Data Track Name next to a check box (e.g. Gene Names) triggers a popup 
      window describing the source and a link "View Original Data Source". The corresponding data 
      source as it is available from the remote server appears.</p>
    </div>
    <div style="padding: 20px;">     
      <h1>
        How Do I Download myKaryoView's Project Host?
      </h1>
	  <p>The project Project Host is <a href="http://code.google.com/p/karyodas/">hosted in Google Code</a> under
	  a Creative Commons 3.0 BY-SA license.</p>
	  <p>Non-members may check out a read-only working copy anonymously over HTTP.</p>
      <pre>svn checkout https://karyodas.googlecode.com/svn/branches/mykaryoview/htdocs mykaryoview</pre>
    </div>
	  <!--  Footer -->
	<ul id="navmenu">
      <li><a href="about.html">About</a> | </li>
      <li><a href="FAQ.html">FAQ</a> | </li>
	  <li><a href="add_data.html">Adding data</a> | </li>
      <li><a href="https://code.google.com/p/karyodas/">Project Host</a> | </li>
      <li><a href="credits.html">Credits</a> | </li>
      <li><a href="disclaimer.html">Disclaimer</a></li>
    </ul>
  
  <div style="float:left;margin-left:30%;">
    <div style="float:right;position:relative;left:-50%;text-align:left;">
      <a href="index.html" >BACK</a>
    </div>
 </div>
 </body>
 </html>